.content{
	.banner{
		width: 100%;
		height: 300rpx;
		display: flex;
		flex-direction: column;
		padding: 0 24rpx;
		text:nth-of-type(1){
			font-weight: 700;
			font-size: 36rpx;
			color: #FFFFFF;
			margin: 60rpx 0 24rpx;
		}
		text:nth-of-type(2){
			font-size: 28rpx;
			color: #FFFFFF;
		}
	}
	.number-content{
		position: absolute;
		top: 260rpx;
		width: 100%;
		background: #FFF;
		border-radius: 24rpx 24rpx 0 0;
		padding: 40rpx 24rpx;
	}
}

page {
        width: 100%;
        height: 100%;
		.dialog-title {
                font-size: 28rpx;
                font-weight: 500;
				color: #333333;
            }
			
        .dialog-license-container {
            .dialog-license-box {
				
                .dialog-sub-title {
                    margin-top: 11rpx;
                    font-size: 24rpx;
                    font-weight: 400;
                    color: #979899;
                    line-height: 33rpx;
                }
 
                .dialog-row-license-box {
                    margin-top:40rpx;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .dialog-license {
                        position: relative;
                       width: 74rpx;
                       height: 120rpx;
                       background: #F6F9FC;
                       border: 2rpx solid #ccc;
                       border-radius: 8rpx;
                        text-align: center;
                        box-sizing: border-box;
                        font-size: 38rpx;
                        color: black;
                        line-height:120rpx;
 
                        &.dialog-active {
                            border: 2rpx solid #80ADEB;
                            color: #007AFF;
                        }
                        &.dialog-dot::after{
                            content: ' ';
                            position: absolute;
                            top: 50%;
                            right:-24rpx;
                           width: 12rpx;
                           height: 12rpx;
                           border-radius: 50%;
                           background: #CCCCCC;
                           transform: translateY(-50%);
                        }
                        &.new-energy {
							display: flex;
							align-items: center;
							padding: 0 10px;
                            background: #05C160;
							line-height: 26rpx;
                            font-size: 20rpx;
                            color: #fff;
                        }
                    }
                }
				.bigcar{
					display: flex;
					align-items: center;
					justify-content: flex-end;
					margin-top: 60rpx;
				}
				.car-number{
					display: flex;
					align-items: center;
					justify-content: center;
					text{
						margin: 0 24rpx 0 16rpx;
						font-size: 28rpx;
					}
				}
            }
 
            .dialog-province-box {
                width: 100%;
                height: 460rpx;
                position: absolute;
                left: 0;
                border-top: 1rpx solid #e7e8ea;
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                padding-bottom: 30rpx;
                background: #e7e8ea;
 
                .dialog-header {
                    width: 100%;
                    height: 60rpx;
                    background: white;
                    box-sizing: border-box;
                    padding: 0 30rpx;
                    display: flex;
                    justify-content: space-between;
                    line-height: 60rpx;
                    font-size: 32rpx;
                    color: #0F5BFF;
 
                    .dialog-cancel {
                        color: gray;
                    }
                }
 
                .dialog-grid-box {
                    flex: 1;
                    box-sizing: border-box;
                    display: flex;
                    flex-wrap: wrap;
                    padding-right: 1%;
                    align-items: center;
                    margin-top: 20rpx;
 
                    >text {
                        width: 9%;
                        margin-left: 1%;
                        background: white;
                        text-align: center;
                        height: 70rpx;
                        line-height: 70rpx;
                        border-radius: 8rpx;
                    }
 
                    .dialog-gray-text {
                        color: #e7e8ea;
                    }
 
                    .dialog-close-box {
                        position: absolute;
                        bottom: 38rpx;
                        right: 10rpx;
                        width: 80rpx;
                        height: 70rpx;
                        background: #cfd0d4;
                        border-radius: 8rpx;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
 
                    .dialog-close {
                        background: #cfd0d4;
                        font-size: 24rpx;
                    }
                }
            }
 
        }
    }

    